<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: 'app',
  }
</script>

<style lang="less" rel="stylesheet/less">
  @import '~vux/src/styles/reset.less';
  @import './assets/css/reset.css';
  @mainColor: #e6454a;
  html, body {
    height: 100%;
    width: 100%;
  }

  /*按钮区*/
  .step-next {
    -webkit-flex: 0 0 40px; /* Chrome */
    -ms-flex: 0 0 40px; /* IE 10 */
    flex: 0 0 40px; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    button {
      color: #FFF;
      background: @mainColor;
      border-radius: 7px;
      height: inherit;
      &:active {
        background: @mainColor !important;
      }
    }
    .hint {
      font-size: 12px;
      color: red;
      text-align: center;
      height: 16px
    }
  }

  .weui-btn_disabled.weui-btn_primary {
    background-color: @mainColor !important;
    opacity: .5;
  }
</style>
